// JavaScript Document

$(function(){
/*	$('.screen1 .heart>div').delay(2000).animate({'width':'50%','height':'50%'})
	$('.screen1 .heart').delay(1800).animate({'width':'200px','height':'200px'})	
*/	var num=0;
	var timer=null;
	$('.screen1').removeClass('out');

	//gps导航控制;
	$('.nav li').click(function(e) {
		var index=$(this).index();
        $(this).addClass('current').siblings().removeClass('current');
       $(this).addClass('animated bounce').siblings().removeClass('animated bounce');
		$('.main').stop().animate({top: -100*index+'%'},800);
		
		 num=index;
		 $('.main>div').eq(num).removeClass('out').siblings().addClass('out');
    });
	
	//鼠标滚轮事件；
	$(document).mousewheel(function(e,d){
		clearTimeout(timer);
		timer=setTimeout(function(){
			num-=d;
			if(num>4){num=4};
			if(num<0){num=0};
			
			$('.main').stop().animate({top: -100*num+'%'},800);
			$('.nav li').eq(num).addClass('current').siblings().removeClass('current')
			$('.main>div').eq(num).removeClass('out').siblings().addClass('out');
		},300);
		
	});
	
	$('.screen1 .menu').click(function(e) {
        $('.nav').stop().toggle()
    });
	
	
	var num=0;
	$('.big').hover(function(e) {
		  $('.nav>ul').removeClass('animated fadeOutRight')
		  $('.nav>ul').addClass('animated fadeInRight')
		  $('.nav').stop().animate({right:0})
		  $('.click').css({'transform':'rotate(180deg)'})
    },function(){
		  $('.click').css({'transform':'rotate(0deg)'})
		  $('.nav>ul').removeClass('animated fadeOutRight')
		  $('.nav').stop( ).animate({right:-300})
		  $('.nav>ul').addClass('animated fadeOutRight')
	});	
	
;(function(){
	$('.screen4 .list li').click(function(e) {
		$('.screen4 .section>div').eq($(this).index()).removeClass('animated fadeOutRight').css({display:'block'}).addClass('animated fadeInRight').siblings().removeClass('animated fadeInRight').addClass('animated fadeOutRight')
		$('.screen4 .title-work').css({'margin-left':'600px',opacity:'0'})
    });	
	
})();	


;(function(){	
	//背景图换掉
	
	
	
	//自动播放
	var timer = null;
	var num =0;
	
	
	function autoplay(){	
		timer=setInterval(function(){
			right()	
		},3000)
	};
	autoplay()
	
	
	function right(){	
	
			num++;
			
			if(num>4){	
				num=0;
			}
			$('.banner ul').animate({left:-num*850+'px'})
	}
	function left(){	
			num--;
			
			if(num<0){	
				num=4;
			}
			$('.banner ul').stop().animate({left:-num*850+'px'})
	}
	
	//鼠标移上大的范围 all 停止自动播放
	//		鼠标移开继续播放
	$('.banner').hover(function(e) {
        clearInterval(timer);
    },function(){	
		clearInterval(timer);
		autoplay()
	});
	//左点击和右点击 
	$('.banner p span:eq(0)').click(function(e) {
		left()
    });
	$('.banner p span:eq(1)').click(function(e) {
		right()
    });			

})()


/*;(function(){
	$('.web .web-t li').hover(function(e) {
    	$(this).children('span').stop().fadeOut()    
    },function(){
    	$(this).children('span').stop().fadeIn()    
		
	});
	
	
	
})();*/





;(function(){
	$('.contact-b').hover(function(e) {
		  $('.contact1').fadeIn(1000).children().delay(300).addClass('animated fadeInUp')
		  
		  
    },function(){	
		  $('.contact1').fadeOut(1000).children().delay(300).removeClass('animated fadeInUp')
		  
	});
	
	
})();


;(function(){
	$('.kaitou').hover(function(e) {
        $('.screen4 .list').css({display:'block'}).addClass('animated fadeInLeft')
    },function(){
        $('.screen4 .list').removeClass('animated fadeInLeft')
			
		
	});
	
	
	
})();

/*;(function(){
	$('.music .center').click(function(e) {
		if($('#music').paused == true){
        	$('.music .rao').css({'animation-play-state':'paused'})
			}else{
        	$('.music .rao').css({'animation-play-state':'running'})
				
			}
    });
	
	
})();
*/
/*
$('#word>div').click(function () {
	$(this).css()
})*/

    var bigwidth = document.body.clientWidth;
	if(bigwidth<500){
/*        $(window).scroll(function(){
            if($(window).scrollTop()>300) {
                $('#pic1').removeClass('animated fadeInDown').addClass('animated fadeOutUp');
                $('#pic2').css({opacity:1}).addClass('animated fadeInDown')
            }
        })*/

		var numhaha=0;
        $('#arrow').click(function(){
			if(numhaha<5){
                $('#word>div').eq(numhaha).removeClass('animated fadeInDown').addClass('animated fadeOutUp');
                $('#word>div').eq(numhaha+1).removeClass('animated fadeOutUp').css({opacity:1}).addClass('animated fadeInDown')
                numhaha++;
			}else{
                $('#word>div').eq(numhaha).removeClass('animated fadeInDown').addClass('animated fadeOutUp');
                $('#word>div').eq(0).removeClass('animated fadeOutUp').addClass('animated fadeInDown')
                numhaha=0;
			}

        })
	}





});











